<!DOCTYPE html> 
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>优秀案例</title>
	<link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/styles.css">
    <script src="js/jquery.min.js"></script>
    <script src="js/com.js"></script>
    <script>
    	$(function(){

    		$('#lista li').mouseover(function(){
    			$(this).find('.li-image-box').find('img').stop().animate({width:250,height:367},500)
    		});
    		$('#lista li').mouseleave(function(){
    			$(this).find('.li-image-box').find('img').stop().animate({width:240,height:357},500)
    		});
    		$('#lista1 li').mouseover(function(){
    			$(this).find('.li-image-box').find('img').stop().animate({width:502,height:367},500)
    		});
    		$('#lista1 li').mouseleave(function(){
    			$(this).find('.li-image-box').find('img').stop().animate({width:492,height:357},500)
    		});
    	})
    </script> 
</head>
<body>  
<!-- 左侧的浮框 -->
	<div class="floating_box" id="floating_box">
		<div class="tops_img1"></div>
		<div class="centers">
			<ul>
				<li ><a href="index.html">首页</a></li>
				<li class="selected"><a href="excellentcase.html">优秀案例</a></li>
				<li><a href="aboutus.html">关于我们</a></li>
				<li><a href="contactus.html">联系我们</a></li>
				<li><a href="servicehelp.html">帮助服务</a></li>
				<li id="tops"><a href="javascript:;">返回顶部</a></li>
			</ul>
		</div>
		<div class="tops_img2"></div>
	</div>
<!-- 右侧的小人 -->
	<div class="people_cens" id="people_cens">
		<div class="people_cens_tops"><a href="javascript:;"><img src="images/a28.png"></a></div>
		<div class="people_cens_boms"><a href="javascript:;"><img src="images/a29.png"></a></div>
	</div>
<div class="li-all">
	<!-- 优秀案例 -->
	<!-- 头部 --> 
	<div class="li-case-bj1">
		<div class="li-case-bj2w li-bj1-widt clearfix">
			<div class="li-case-logo fl"> <img src="images/li-txtl.png" alt=""></div>
				<div class="li-case-logoml fr clearfix" id="logoms">
				<div class="li-case-nav fl" id="navs"> 
					<ul class="clearfix">
						<ul class="clearfix">
							<li ><a href="index.html">首页</a></li>
							<li class="li-case-on"><a href="excellentcase.html">优秀案例</a></li>
							<li><a href="aboutus.html">关于我们</a></li>
							<li><a href="contactus.html">联系我们</a></li>
							<li><a href="servicehelp.html">帮助服务</a></li>
						</ul>
					</ul>
				</div>
				<div class="li-case-logom fl" id="imgs"><img src="images/pic15.png" alt=""></div>
			</div>
			
		</div>
		<div class="li-case-tit clearfix">
			<div class="li-case-tit1 fr">
				<div class="li-case-tit_one"><img src="images/li-tit1.png" alt=""></div>
				<div class="li-case-tit_two"><img src="images/li-tit2.png" alt=""></div>
				<a href="联系我们.html"><div class="li-case-tit_thr">联系我们</div></a>
			</div>
		</div> 
	</div>
	
	<!-- part1 -->
	<div class="li-case-part1">
		<div class="li-case-p1">
			<div class="li-case-p1-nav ">
				<ul class="clearfix" id="">
				  	<div id="lista">
						<li>
							<a href="excellentcase1.html" class="btn">
								<div class="port-1 effect-1">
									<div class="li-image-box li_image_box">
										<img src="images/pic2.png" alt="">
									</div>
									<div class="li-desc-bj"></div>
									<div class="text-desc">
										<span>Excellentcase</span>
										<em>优秀案例</em>
									</div>
								</div>
							</a>
						</li>
						<li>
							<a href="excellentcase1.html" class="btn">
								<div class="port-1 effect-1">
									<div class="li-image-box li_image_box"  >
										<img src="images/pic4.png" alt="">
									</div>
									<div class="li-desc-bj"></div>
									<div class="text-desc">
										<span>Excellentcase</span>
										<em>优秀案例</em>
									</div>
								</div>
							</a>
						</li>
						<li>
							<a href="excellentcase1.html" class="btn">
								<div class="port-1 effect-1" >
									<div class="li-image-box li_image_box">
										<img src="images/pic3.png" alt="">
									</div>
									<div class="li-desc-bj"></div>
									<div class="text-desc2">
										<span>Excellentcase</span>
										<em>优秀案例</em>
									</div>
								</div>
							</a>
						</li>
						<li>
							<a href="excellentcase1.html" class="btn">
								<div class="port-1 effect-1">
									<div class="li-image-box li_image_box">
										<img src="images/pic1.png" alt="">
									</div>
									<div class="li-desc-bj"></div>
									<div class="text-desc3">
										<span>Excellentcase</span>
										<em>优秀案例</em>
									</div>
								</div>
							</a>
						</li>
						<!-- 第二部分 -->
						<li>
							<a href="excellentcase1.html" class="btn">
								<div class="port-1 effect-1">
									<div class="li-image-box li_image_box">
										<img src="images/pic5.png" alt="">
									</div>
									<div class="li-desc-bj"></div>
									<div class="text-desc4">
										<span>Excellentcase</span>
										<em>优秀案例</em>
									</div>
								</div>
							</a>
						</li>
						<li>
							<a href="eexcellentcase1.html" class="btn">
								<div class="port-1 effect-1">
									<div class="li-image-box li_image_box">
										<img src="images/pic6.png" alt="">
									</div>
									<div class="li-desc-bj"></div>
									<div class="text-desc5">
										<span>Excellentcase</span>
										<em>优秀案例</em>
									</div>
								</div>
							</a>
						</li>
				  	</div>
				  	<div id="lista1">
						<li>
							<a href="excellentcase1.html" class="btn">
								<div class="port-2 effect-1">
									<div class="li-image-box">
										<img src="images/pic7.png"  width="492px" height="357px"alt="">
									</div>
									<div class="li-desc-bj"></div>
									<div class="text-desc6">
										<span><img src="images/li-txt1.png" alt=""></span>
										<em>优秀案例</em>
									</div>
								</div>
							</a>
						</li>
					</div>
				</ul>
			</div>
		</div>
	</div>
	<!-- part2 -->
	<div class="li-case-part2">
		<div class="li-case-p2">
			<div class="li-case-p2-nav clearfix">
				<ul class="clearfix">
					<li>
						<a href="excellentcase1.html">
							<div class="port-3 effect-1">
								<div class="image-box1">
									<img src="images/pic8.png" width="520px" height="488px" alt="Image-1">
								</div>
								<div class="text-desc-bj1"></div>
								<div class="text-desc1 clearfixc">
									<span>微信商城项目</span>
									<em>商城项目</em>
									<p>微信开放了公众账号自定义菜单API，从此，各路电商可通过自定义菜单搭建一个基于微信的服务平台，对用户进行分类推送，构建自己的移动导购平台。基于最新技术的MVC模式，采用目前最适合搭建平台的PHP或asp.net语言开发。与微信平台的PHP语言开发相匹配，以保证平台的稳定性运营。数据库开发采用mysql技术搭建。</p>
									<button>项目详情</button>
								</div>
							</div>
						</a>
					</li>
					<li>
						<a href="excellentcase1.html">
							<div class="port-3 effect-1">
								<div class="image-box1">
									<img src="images/pic9.png" width="480px" height="243px" alt="Image-1">
								</div>
								<div class="text-desc-bj1"></div>
								<div class="text-desc4 clearfixc">
									<span>微信商城项目</span>
									<button>项目详情</button>
								</div>
							</div>
						</a>
						<a href="excellentcase1.html">	
							<div class="port-4 clearfix effect-1">
								<div class="port-41 clearfix">
									<div class="image-box1 fl">
										<img src="images/pic10.png" width="236px" height="245px" alt="Image-1">
									</div>
								</div>		
								<div class="image-box2 fl">
									<span>超市项目</span>
									<button>项目详情</button>
								</div>
							</div>
						</a>
					</li>
					<li>
						<div class="li-port-5 clearfix">
							<a href="excellentcase1.html">
								<div class="li-port-5l fl">
									<div class="port-3 effect-1">
										<div class="image-box1">
											<img src="images/pic12.png" width="280px" height="245px" alt="Image-1">
										</div>
										<div class="text-desc-bj1"></div>
										<div class="text-desc3">
											<span>项目123</span>
											<em>项目详情</em>
										</div>
									</div>
								</div>
							</a>
							<a href="excellentcase1.html">
								<div class="li-port-5r fl">
									<div class="port-3 effect-1">
										<div class="image-box1">
											<img src="images/pic11.png" width="240px" height="245px" alt="Image-1">
										</div>
										<div class="text-desc-bj1"></div>
										<div class="text-desc3">
											<span>项目123</span>
											<a href="优秀案例内页.html"><em>项目详情</em>
										</div>
									</div>
								</div>
							</a>
						</div>
					</li>
					<li>
						<a href="excellentcase1.html">
							<div class="port-3 effect-1">
								<div class="image-box1">
									<img src="images/pic13.png" width="480px" height="245px" alt="Image-1">
								</div>
								<div class="text-desc-bj1"></div>
								<div class="text-desc3">
									<span>项目123</span>
									<em>项目详情</em>
								</div>
							</div>
						</a>
					</li>
				</ul>
			</div>
		</div>
	</div>
</div>
<!-- 底部 -->
	<div class="footers" id="footers">
		<div class="footers_cens">
			<ul class="clearfix new_had">
				<li><a href="index.html"><span>首页</span></a></li>
				<li><a href="excellentcase.html"><span>优秀案例</span></a></li>
				<li><a href="aboutus.html"><span>关于我们</span></a></li>
				<li><a href="contactus.html"><span>联系我们</span></a></li>
				<li><a href="servicehelp.html"><span>帮助服务</span></a></li>
			</ul>
			<div class="share_tos">
				<ul class="clearfix">
					<li><span>分享到：</span></li>
					<li><a href="javascript:;"  class="jiathis_button_tsina"><img src="images/a56.png"></a></li>
					<li><a href="javascript:;"  class="jiathis_button_xiaoyou"><img src="images/a57.png"></a></li>
					<li><a href="javascript:;"  class="jiathis_button_weixin"><img src="images/a58.png"></a></li>
					<li><a href="javascript:;"  class="jiathis_button_email"><img src="images/a59.png"></a></li>
					<li><a href="javascript:;"  class="jiathis_button_cqq"><img src="images/a60.png"></a></li>
					<li><a href="javascript:;"  class="jiathis_button_qzone"><img src="images/a61.png"></a></li>
				</ul>
			</div>
		</div>
	</div>
	<div class="footers_back" id="footers_back"><span><em>&copy;</em>2016.7.06</span></div>
	<!-- 底部end -->
	<!-- 分享到的代码 -->
	<script type="text/javascript" src="http://v3.jiathis.com/code/jia.js?uid=" charset="utf-8"></script>
	<!-- 分享到的代码 END -->
</body>
<script>
	$(function(){
		var imgs = $('#imgs');
		var navs = $('#navs');
		var logoms =$('#logoms');

		logoms.on('mouseover',function(){
			navs.stop().animate({ left:0 });
			imgs.stop().animate({ opacity:0 });
		})
		logoms.on('mouseout',function(){
			navs.stop().animate({ left:615 });
			imgs.stop().animate({ opacity:1 });
		})
	})
</script>
</html>